<!-- file proyek -->
<script> 
	
	$(function(){
		/* REMOVE DUPLICATE ID */

		var ids = [];
		$('*').each(function() {
			if (this.id && this.id !== '') {
				if (ids[this.id]) {
					$(this).remove();
				} else {
					ids[this.id] = this
				}
			}
		});
		
		$.fn.fmatter.jenisProyekFormat = function(cellval, opts) {
			switch (cellval){
				<?php foreach($data_m_proyek_jenis as $k=>$value )
					echo " case '".$k."' : return '".$value."' ; break;";
				?>
				default : return cellval;
			}
		};
		
		$.fn.fmatter.sumberDanaFormat = function(cellval, opts) {
			switch (cellval){
				<?php foreach($data_proyek_sumberdana as $k=>$value )
					echo " case '".$k."' : return '".$value."' ; break;";
				?>
				default : return cellval;
			}
		};
		
		$.fn.fmatter.jenisKontrakFormat = function(cellval, opts) {
			switch (cellval){
				<?php foreach($data_proyek_jeniskontrak as $k=>$value )
					echo " case '".$k."' : return '".$value."' ; break;";
				?>
				default : return cellval;
			}
		};
		$.fn.serializeObject = function()
		{
		   var o = {};
		   var a = this.serializeArray();
		   $.each(a, function() {
			   if (o[this.name]) {
				   if (!o[this.name].push) {
					   o[this.name] = [o[this.name]];
				   }
				   o[this.name].push(this.value || '');
			   } else {
				   o[this.name] = this.value || '';
			   }
		   });
		   return o;
		};
		
		/* declarisasi */
		
		task_proyek = $("#task_proyek");
		grid_proyek = $("#grid-proyek");
		pgrid_proyek = $("#pgrid-proyek");
		btnadd_proyek = $("#btn-add-proyek");
		btnedit_proyek = $("#btn-edit-proyek");
		btndelete_proyek = $("#btn-delete-proyek");
		btncancel_proyek =  $("#btn-cancel-proyek");
		btndetail_proyek = $("#btn-detail-proyek");
		btnsave_proyek = $("#btn-save-proyek");
		form_proyek = $("#form-proyek");
		
		field_proyek_id = $("#proyek_id");
		field_proyek_tglserahterima1 = $("#proyek_tglserahterima1");
		field_proyek_tglserahterima2 = $("#proyek_tglserahterima2");
		field_proyek_kode = $("#proyek_kode");
		field_proyek_nama = $("#proyek_nama");
		field_m_cabang_id = $("#m_cabang_id");
		field_proyek_pm = $("#proyek_pm");
		field_proyek_jenis = $("#proyek_jenis");
		field_proyek_tahunmulai = $("#proyek_tahunmulai");
		field_proyek_nkawal = $("#proyek_nkawal");
		field_proyek_nkadd = $("#proyek_nkadd");
		field_proyek_nkakhir = $("#proyek_nkakhir");
		field_proyek_cp = $("#proyek_cp");
		field_proyek_kontruksijenis = $("#proyek_kontruksijenis");
		field_proyek_sumberdana = $("#proyek_sumberdana");
		field_proyek_jeniskontrak = $("#proyek_jeniskontrak");
		field_proyek_jaminanpelaksanaan = $("#proyek_jaminanpelaksanaan");
		field_proyek_jaminanpenawaran = $("#proyek_jaminanpenawaran");
		field_proyek_retensi = $("#proyek_retensi");
		field_proyek_denda = $("#proyek_denda");
		field_proyek_carapembayaran = $("#proyek_carapembayaran");
		field_proyek_uangmuka = $("#proyek_uangmuka");
		field_proyek_jangkawaktusetifikasi = $("#proyek_jangkawaktusetifikasi");
		field_proyek_jangkawaktupembayaran = $("#proyek_jangkawaktupembayaran");
		
		/* method started */
		
		$( "input[type=submit],input[type=button],input[type=reset], button" ).button();
		field_proyek_tglserahterima1.datepicker({ dateFormat : 'dd-mm-yy'});
		field_proyek_tglserahterima2.datepicker({ dateFormat : 'dd-mm-yy'});

		/* make component */
		
		grid_proyek.jqGrid({ 
			ajaxGridOptions : {type:"POST"},
			serializeGridData : function(postdata) {return postdata; },
			postData : {task : 'LIST'},
            url: 'c_proyek',
			datatype: "json", 
			colNames:[
				'Kode',
				'Nama Proyek',
				'Cabang',
				'PM',
				'Jenis Proyek',
				'Tahun Mulai',
				'Tgl Serah Terima I',
				'Tgl Serah Terima II',
				'NK Awal',
				'NK Add',
				'NK Akhir',
				'Contact Person',
				'Jenis Kontruksi',
				'Sumber Dana',
				'Jenis Kontrak',
				'Jaminan Pelaksanaan',
				'Jaminan Penawaran',
				'Retensi',
				'Denda',
				'Cara Pembayaran',
				'Uang Muka',
				'Jngk. Wkt. Pembayaran Sertifikasi',
				'Jngk. Wkt. Pembayaran',
				'Cabang_id','proyek_id'],
			colModel:[
				{ name: 'proyek_kode'  ,index: 'proyek_kode' , search : true, frozen : true},
				{ name: 'proyek_nama'  ,index: 'proyek_nama' , search : true, frozen : true},
				{ name: 'cabang_nama'  ,index: 'cabang_nama' , search : true},
				{ name: 'proyek_pm'  ,index: 'proyek_pm' , search : true},
				{ name: 'proyek_jenis'  ,index: 'proyek_jenis' , search : true,  formatter : 'jenisProyekFormat'},
				{ name: 'proyek_tahunmulai'  ,index: 'proyek_tahunmulai' , search : true},
				{ name: 'proyek_tglserahterima1'  ,index: 'proyek_tglserahterima1' , search : true, formatter : 'date', formatoptions : {newformat : 'd-m-Y'} },
				{ name: 'proyek_tglserahterima2'  ,index: 'proyek_tglserahterima2' , search : true, formatter : 'date', formatoptions : {newformat : 'd-m-Y'} },
				{ name: 'proyek_nkawal'  ,index: 'proyek_nkawal' , align : "right", search : true, formatter : 'currency'},
				{ name: 'proyek_nkadd'  ,index: 'proyek_nkadd' , align : "right", search : true, formatter : 'currency'},
				{ name: 'proyek_nkakhir'  ,index: 'proyek_nkakhir' , align : "right", search : true , formatter : 'currency'},
				{ name: 'proyek_cp'  ,index: 'proyek_cp' , search : true},
				{ name: 'proyek_kontruksijenis'  ,index: 'proyek_kontruksijenis' , search : true},
				{ name: 'proyek_sumberdana'  ,index: 'proyek_sumberdana' , search : true, formatter :'sumberDanaFormat'},
				{ name: 'proyek_jeniskontrak'  ,index: 'proyek_jeniskontrak' , search : true,  formatter : 'jenisKontrakFormat'},
				{ name: 'proyek_jaminanpelaksanaan'  ,index: 'proyek_jaminanpelaksanaan' , search : true},
				{ name: 'proyek_jaminanpenawaran'  ,index: 'proyek_jaminanpenawaran' , search : true, hidden : true},
				{ name: 'proyek_retensi'  ,index: 'proyek_retensi' , search : true},
				{ name: 'proyek_denda'  ,index: 'proyek_denda' ,  align : "right",search : true},
				{ name: 'proyek_carapembayaran'  ,index: 'proyek_carapembayaran' , search : true},
				{ name: 'proyek_uangmuka'  ,index: 'proyek_uangmuka' ,  align : "right",search : true},
				{ name: 'proyek_jangkawaktusetifikasi'  ,index: 'proyek_jangkawaktusetifikasi' , search : true},
				{ name: 'proyek_jangkawaktupembayaran'  ,index: 'proyek_jangkawaktupembayaran' , search : true},
				{ name: 'm_cabang_id'  ,index: 'm_cabang_id'  , hidden : true},
				{ name: 'proyek_id'  ,index: 'proyek_id',key: true, hidden: true , search : false}
			],
			width: '900',
			height: 'auto', 
			shrinkToFit: false,
			rowNum:10, 
			rowList:[10,20,30], 
			pager: '#pgrid-proyek', 
			sortname: 'proyek_id', 
			viewrecords: true, 
			sortorder: "desc",
			caption:"" 
		}); 
		grid_proyek.jqGrid('navGrid','#pgrid-proyek',{edit:false,add:false,del:false,search:false});
		grid_proyek.jqGrid('filterToolbar',{});
	 	grid_proyek.jqGrid('setFrozenColumns');
		
		form_proyek.dialog({
			autoOpen: false,
			height: "auto",
			width: "auto",
			modal: true
		});
		
		/* event */

		btnedit_proyek.click(function(){
		
			id = grid_proyek.jqGrid("getGridParam","selrow");
			if (id != null){
				task_proyek.val("UPDATE");
				var data = $(this).data();
				dataRow = grid_proyek.getRowData(id);
				field_proyek_tglserahterima1.val(dataRow.proyek_tglserahterima1);
				field_proyek_tglserahterima2.val(dataRow.proyek_tglserahterima2);
				field_proyek_id.val(dataRow.proyek_id);
				field_proyek_kode.val(dataRow.proyek_kode);
				field_proyek_nama.val(dataRow.proyek_nama);
				field_m_cabang_id.val(dataRow.m_cabang_id);
				field_proyek_pm.val(dataRow.proyek_pm);
				field_proyek_jenis.find("option:contains('"+dataRow.proyek_jenis+"')").attr("selected","selected");
				field_proyek_tahunmulai.val(dataRow.proyek_tahunmulai);
				field_proyek_nkawal.val(dataRow.proyek_nkawal);
				field_proyek_nkadd.val(dataRow.proyek_nkadd);
				field_proyek_nkakhir.val(dataRow.proyek_nkakhir);
				field_proyek_cp.val(dataRow.proyek_cp);
				field_proyek_kontruksijenis.val(dataRow.proyek_kontruksijenis);
				field_proyek_sumberdana.find("option:contains('"+dataRow.proyek_sumberdana+"')").attr("selected","selected");
				field_proyek_jeniskontrak.find("option:contains('"+dataRow.proyek_jeniskontrak+"')").attr("selected","selected");
				field_proyek_jaminanpelaksanaan.val(dataRow.proyek_jaminanpelaksanaan);
				field_proyek_jaminanpenawaran.val(dataRow.proyek_jaminanpenawaran);
				field_proyek_retensi.val(dataRow.proyek_retensi);
				field_proyek_denda.val(dataRow.proyek_denda);
				field_proyek_carapembayaran.val(dataRow.proyek_carapembayaran);
				field_proyek_uangmuka.val(dataRow.proyek_uangmuka);
				field_proyek_jangkawaktusetifikasi.val(dataRow.proyek_jangkawaktusetifikasi);
				field_proyek_jangkawaktupembayaran.val(dataRow.proyek_jangkawaktupembayaran);
				$(".field_currency").blur();
				form_proyek.dialog("open");
			}
		});
		
		btndelete_proyek.click(function(){
			id = grid_proyek.jqGrid("getGridParam","selrow");
			if (id != null){
				confr = confirm("Apa Anda yakin menghapus data ini?");
				if (confr){
					var data = $(this).data();
					$.ajax({
						type: 'POST',
						url: 'c_proyek',
						data: {proyek_id: id, task : 'DELETE'},
						success: function(response){
							if(response==1){
								grid_proyek.trigger('reloadGrid');
								$("#grid-proyek").trigger('reloadGrid');
							}
						}
					});
				}
			}
		});
		btnadd_proyek.click(function(){
			task_proyek.val("INSERT");
			form_proyek.dialog("open");
		});
		
		btncancel_proyek.click(function(){
			form_proyek.dialog("close");
		});
		
		btnsave_proyek.click(function(){
			$.each($(".field_currency"), function(key, field){
			field = $(field)
				field.val(field.val().replace(/\,/g,""));
			});
			
			data = form_proyek.serializeObject();
			$.ajax({
				url : "c_proyek",
				data : data,
				type : 'POST'
			}).done(function(response){
				grid_proyek.trigger('reloadGrid');
				btncancel_proyek.click();
			});
		});
		
		btndetail_proyek.click(function(){
			id = grid_proyek.getGridParam("selrow");
			if (id == null){
				alert("Silakan pilih proyek yang akan dilihat detailnya !");
			}else{
				$.ajax({
					type: 'POST',
					url: 'c_proyek',
					data: {proyek_id: data.id, task : 'DETAIL', proyek_id : id },
					success: function(response){
						if(response==1){
							window.open("../print/detail.html","","width=500,height=700,scrollbars=yes");
						}
					}
				});
			}
		});
		
		$(".field_currency").mousemove(function(){
			$(this).formatCurrency();
		});
		$(".field_currency").blur(function(){
			$(this).formatCurrency();
		});
	});
	$(".ui-datepicker").hide();
</script>
<style>
</style>

	<table id="grid-proyek" class="table table-striped table-bordered" ></table>
	<div id="pgrid-proyek"></div>
	<br />
	<button id="btn-add-proyek">Tambah</button>
	<button id="btn-edit-proyek">Edit</button>
	<button id="btn-delete-proyek">Delete</button>
	<button id="btn-detail-proyek">Detail</button>
	
	<form id="form-proyek" title="proyek" disabled=true>
		<input type="hidden" value="INSERT" name="task" id="task_proyek">
	   <table>
			<tr style="display: none">
				<td align="right">proyek_id:</td>
				<td align="left"><input id="proyek_id" name="proyek_id" /></td>
			</tr>
			
			<tr > <td align="right">Kode Proyek:</td> <td align="left"><input id="proyek_kode" name="proyek_kode" /></td>
			<td align="right">Nama Proyek:</td> <td align="left"><input id="proyek_nama" name="proyek_nama" /></td> </tr>
			
			<tr > <td align="right">Cabang:</td> <td align="left">
			<?php echo form_dropdown("m_cabang_id" ,$data_m_cabang_id,"",'id="m_cabang_id" class="autocomplete"'); ?>
			</td> 
			<td align="right">PM:</td> <td align="left"><input id="proyek_pm" name="proyek_pm" /></td> </tr>
			
			<tr > <td align="right">Jenis Proyek:</td> <td align="left">
			<?php echo form_dropdown("proyek_jenis" ,$data_m_proyek_jenis,"",'id="proyek_jenis" class="autocomplete"'); ?></td> 
			<td align="right">Tahun Mulai:</td> <td align="left"><input id="proyek_tahunmulai" name="proyek_tahunmulai" /></td> </tr>
			
			<tr > <td align="right">Tgl Serah Terima I:</td> <td align="left">
			<input id="proyek_tglserahterima1" name="proyek_tglserahterima1" /></td> 
			<td align="right">Tgl Serah Terima II:</td> <td align="left"><input id="proyek_tglserahterima2" name="proyek_tglserahterima2" /></td> </tr>
			
			<tr > <td align="right">Nilai Kontrak Awal (Termasuk PPN):</td> <td align="left"><input id="proyek_nkawal" name="proyek_nkawal" class="field_currency"/></td> 
			<td align="right">Nilai Kontrak Addendum (Termasuk PPN):</td> <td align="left"><input id="proyek_nkadd" name="proyek_nkadd" class="field_currency" /></td> </tr>
			
			<tr > <td align="right">Nilai Kontrak Akhir (Termasuk PPN):</td> <td align="left"><input id="proyek_nkakhir" name="proyek_nkakhir" class="field_currency"/></td>
			<td align="right">Contact Person:</td> <td align="left"><input id="proyek_cp" name="proyek_cp" /></td> </tr>
			
			<tr > <td align="right">Jenis Kontruksi:</td> <td align="left"><input id="proyek_kontruksijenis" name="proyek_kontruksijenis" /></td>
			<td align="right">Sumber Dana:</td> <td align="left">
			<?php echo form_dropdown("proyek_sumberdana" ,$data_proyek_sumberdana,"",'id="proyek_sumberdana" class="autocomplete"'); ?></td> </tr>
			
			<tr > <td align="right">Jenis Kontrak:</td> <td align="left">
			<?php echo form_dropdown("proyek_jeniskontrak" ,$data_proyek_jeniskontrak,"",'id="proyek_jeniskontrak" class="autocomplete"'); ?></td>
			<td align="right">Jaminan Pelaksanaan:</td> <td align="left"><input id="proyek_jaminanpelaksanaan" name="proyek_jaminanpelaksanaan" /></td> </tr>
			
			<!-- tr > <td align="right">Jaminan Penawaran:</td> <td align="left"><input id="proyek_jaminanpenawaran" name="proyek_jaminanpenawaran" /></td> 
			<td align="right">Retensi:</td> <td align="left"><input id="proyek_retensi" name="proyek_retensi" /></td> </tr  -->
			
			<tr > <td align="right">Denda Keterlambatan:</td> <td align="left"><input id="proyek_denda" name="proyek_denda" /></td> 
			<td align="right">Cara Pembayaran:</td> <td align="left"><input id="proyek_carapembayaran" name="proyek_carapembayaran" /></td> </tr>
			
			<tr > <td align="right">Uang Muka:</td> <td align="left"><input id="proyek_uangmuka" name="proyek_uangmuka" /></td> 
			<td align="right">Jangka Waktu Sertifikasi Pembayaran:</td> <td align="left"><input id="proyek_jangkawaktusetifikasi" name="proyek_jangkawaktusetifikasi" /></td> </tr>
			
			<tr > <td align="right">Jangka Waktu Pembayaran:</td> <td align="left"><input id="proyek_jangkawaktupembayaran" name="proyek_jangkawaktupembayaran" /></td> 
           <td align="right">Retensi:</td> <td align="left"><input id="proyek_retensi" name="proyek_retensi" /></td></tr>
			
			<tr>
				<td align="right"></td>
				<td style="padding-top: 10px;" align="right">
					<input style="margin-right: 5px;" type="button" id="btn-save-proyek" value="Save"  />
					<input id="btn-cancel-proyek" type="reset" value="Cancel" /></td>
			</tr>
		</table>
	</form>